<template>
    <el-container v-on="$listeners" :props="$props" :style="$store.state.tableStore.containerHeight"  >
        <!-- 左边编辑框-->
        <el-main  v-if="isLeft" style="border:3px solid aliceblue">
            <el-container >
                <el-header v-if="isShowTitle" style="line-height: 60px;">
                    <slot name="left-title"></slot>
                </el-header>
                <el-main >
                    <slot name="left-main"></slot>
                </el-main>
                <el-footer style="text-align:center">
                    <slot name="left-button"></slot>
                </el-footer>
            </el-container>
        </el-main>
        <el-main style="border:3px solid aliceblue;" v-if="isRight">
            <el-container >
                <el-header v-if="isRightSearch" style="height: 50px;line-height: 50px;"  >
                    <slot name="right-header"></slot>
                </el-header>
                <el-main style="border:3px solid aliceblue">
                    <slot name="right-main"></slot>
                </el-main>
            </el-container>
        </el-main>
    </el-container>
</template>

<script>
    export default {
        props:{
            isShowTitle:false,//是否显示标题
            isLeft:false,//是否显示左边编辑框
            isRight:false,//是否显示右边主内容
            isRightSearch:false,//是否显示右边查询框
        },
    };
</script>

<style scoped>

</style>
